<!DOCTYPE html>
<html>

<head>
    <!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;"> -->
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
    <link rel="stylesheet" type="text/css" href="../../css/framework7.min.css">
    <link rel="stylesheet" type="text/css" href="../../css/framework7-icons.css">
    <link rel="stylesheet" type="text/css" href="../../css/homepage/homepage.css">
    <title>主页</title>
</head>

<body>
    <div id="app">
        <!-- Status bar overlay for fullscreen mode-->
        <div class="statusbar"></div>
        <!-- Left panel with reveal effect when hidden -->
        <div class="panel panel-left panel-reveal">
            <div class="view view-left">
                <div class="page">
                    <div class="title">
                        <div id="userimg"></div>
                        <span id="user"></span>
                    </div>
                    <div class="page-content">
                        <div class="list simple-list">
                            <ul>
                                <li id="editpsd">修改密码</li>
                            </ul>
                        </div>
                        <div class="list simple-list" id="logout">
                            <ul>
                                <a id="loginoff" href="#" class="button color-red" style="font-size: 18px;">退出登录</a>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Views/Tabs container -->
        <div class="views tabs ios-edges">
            <!-- Tabbar for switching views-tabs -->
            
            <!-- Your main view/tab, should have "view-main" class. It also has "tab-active" class -->
            <div id="view-home" class="view view-main tab tab-active">
                <!-- Page, data-name contains page name which can be used in page callbacks -->
                <div class="page" data-name="home">
                    <!-- Top Navbar -->
                    <div class="navbar">
                        <div class="navbar-inner">
                            <div class="left" style="position: absolute; top: 0;left: 0;">
                                <a href="#" class="link icon-only panel-open" data-panel="left">
                                    <i class="f7-icons">bars</i>
                                </a>
                            </div>
                            <div class="title" style="margin: 0 auto;position: relative;" data-panel="center">功能</div>
                        </div>
                    </div>
                    <!-- Scrollable page content-->
                    <div class="page-content">
                        <div class="list">
                            <ul>
                                <li>
                                    <a id="scan" href="#" class="item-content">
                                        <div class="item-inner">
                                            <div id="scan-img">
                                                <p style="font-size: 26px;font-weight: bolder;">扫二维码支付</p>
                                                <p>请扫描交款通知书二维码</p>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                
                                <li>
                                    <a id="choose" href="#" class="item-content">
                                        <div class="item-inner">
                                            <div id="search-img">
                                                <p style="font-size: 26px;font-weight: bolder;">选择房屋支付</p>
                                                <p>请选择房屋坐落信息</p>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="my-popup" class="popup popup-tablet-fullscreen">
            <div id="popup-chart1" class="view"></div>
        </div>

    </div>


    <script type="text/javascript" src="../../js/pub/framework7.min.js"></script>
    <script type="text/javascript" src="../../cordova.js"></script>
    <script type="text/javascript" src="../../js/pub/constants.js"></script>
    <script type="text/javascript" src="../../js/pub/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="../../js/plugin/homepage/homepage.js"></script>
</body>

</html>